home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / datetimepicker.css < prev    next >
Cascading Style Sheet File  |  2009-07-01  |  5KB  |  180 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is mozilla.org code.
  15.  *
  16.  * The Initial Developer of the Original Code is the Mozilla Corporation
  17.  * Portions created by the Initial Developer are Copyright (C) 2006
  18.  * the Initial Developer. All Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Neil Deakin (enndeakin@sympatico.ca)
  22.  *
  23.  * Alternatively, the contents of this file may be used under the terms of
  24.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  25.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  26.  * in which case the provisions of the GPL or the LGPL are applicable instead
  27.  * of those above. If you wish to allow use of your version of this file only
  28.  * under the terms of either the GPL or the LGPL, and not to allow others to
  29.  * use your version of this file under the terms of the MPL, indicate your
  30.  * decision by deleting the provisions above and replace them with the notice
  31.  * and other provisions required by the GPL or the LGPL. If you do not delete
  32.  * the provisions above, a recipient may use your version of this file under
  33.  * the terms of any one of the MPL, the GPL or the LGPL.
  34.  *
  35.  * ***** END LICENSE BLOCK ***** */
  36.  
  37. /* ===== datetimepicker.css =============================================
  38.   == Styles used by the XUL datepicker and timepicker elements.
  39.   ======================================================================= */
  40.   
  41. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  42. @namespace html url("http://www.w3.org/1999/xhtml");
  43.  
  44. datepicker, timepicker {
  45.   margin: 2px 4px;
  46.   padding: 0;
  47.   border: none;
  48.   background: none;
  49.   cursor: default;
  50. }
  51.  
  52. .datetimepicker-input-box {
  53.   -moz-appearance: textfield;
  54.   cursor: text;
  55.   -moz-margin-end: 2px;
  56.   border: 2px solid;
  57.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  58.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  59.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  60.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  61.   padding: 2px 0 3px 0;
  62.   -moz-padding-start: 4px;
  63.   -moz-padding-end: 2px;
  64.   background-color: -moz-Field;
  65.   color: -moz-FieldText;
  66. }
  67.  
  68. .datetimepicker-input-subbox {
  69.   width: 1.6em;
  70. }
  71.  
  72. html|*.datetimepicker-input {
  73.   text-align: right;
  74. }
  75.  
  76. .datetimepicker-separator {
  77.   margin: 0 !important;
  78. }
  79.  
  80. .datetimepicker-year {
  81.   width: 3.2em;
  82. }
  83.  
  84. datepicker[readonly="true"],
  85. timepicker[readonly="true"] {
  86.   background-color: -moz-Dialog;
  87.   color: -moz-DialogText;
  88. }
  89.  
  90. datepicker[disabled="true"],
  91. timepicker[disabled="true"] {
  92.   cursor: default;
  93.   background-color: -moz-Dialog;
  94.   color: GrayText;
  95. } 
  96.  
  97. .datepicker-mainbox {
  98.   margin: 2px 4px;
  99.   border: 2px solid;
  100.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  101.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  102.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  103.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  104.   background-color: -moz-Field;
  105.   color: -moz-FieldText;
  106. }
  107.  
  108. .datepicker-popupgrid > .datepicker-mainbox {
  109.   margin: 0;
  110.   border: none;
  111. }
  112.  
  113. .datepicker-gridlabel, .datepicker-weeklabel {
  114.   text-align: center;
  115. }
  116.  
  117. .datepicker-gridlabel[today="true"] {
  118.   background-color: darkgrey;
  119.   color: white;
  120. }
  121.  
  122. .datepicker-gridlabel[selected="true"] {
  123.   background-color: Highlight;
  124.   color: HighlightText;
  125. }
  126.  
  127. .datepicker-button {
  128.   -moz-appearance: none;
  129.   min-width: 8px;
  130.   padding: 0px;
  131. }
  132.  
  133. .datepicker-previous {
  134.   list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
  135. }
  136.  
  137. .datepicker-next {
  138.   list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
  139. }
  140.  
  141. .datepicker-previous:hover {
  142.   list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
  143. }
  144.  
  145. .datepicker-next:hover {
  146.   list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
  147. }
  148.  
  149. .datepicker-previous[disabled="true"] {
  150.   list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
  151. }
  152.  
  153. .datepicker-next[disabled="true"] {
  154.   list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
  155. }
  156.  
  157. .datepicker-previous[chromedir="rtl"] {
  158.   list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
  159. }
  160.  
  161. .datepicker-next[chromedir="rtl"] {
  162.   list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
  163. }
  164.  
  165. .datepicker-previous[chromedir="rtl"] {
  166.   list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
  167. }
  168.  
  169. .datepicker-next[chromedir="rtl"]:hover {
  170.   list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
  171. }
  172.  
  173. .datepicker-previous[disabled="true"][chromedir="rtl"] {
  174.   list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
  175. }
  176.  
  177. .datepicker-next[disabled="true"][chromedir="rtl"] {
  178.   list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
  179. }
  180.